$colors: (
  "primary":#b8f5ff,
  "white":#fff,
  "black":#000,
  "red":#c00000,
  "red-1":#ff4c5f,
  "grey":#ccc,
  "orange":#faaf00,
  "yellow":#f7ba2a,
  "movie-detail":#7d929a,
  "movie-detail-1":#354e55,
  "movie-detail-2":#6d858b,
);
$border-color: map-get($colors, 'black');

$pc: (
  "10":10%,
  "20":20%,
  "30":30%,
  "40":40%,
  "50":50%,
  "60":60%,
  "70":70%,
  "80":80%,
  "90":90%,
  "100":100%
);

$font-sizes: (
	5:10rpx,
	10:20rpx,
    12:24rpx,   //12px
    14:28rpx,   //14px
    16:32rpx,    //16px
    18:36rpx,   //18px
	20:40rpx,
	22:44rpx,
	24:48rpx,
    25:50rpx,
    30:60rpx
);

$flex-jc: (
  start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
);

$flex-ai: (
  start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch,
);

$spacing-types: (
  m: margin,
  p: padding,
);

$spacing-directions: (
  t: top,
  r: right,
  b: bottom,
  l: left,
);

$spacing-sizes: (
  3: 6rpx,
  5: 10rpx,     //5px
  10:20rpx,     //10px
  15:30rpx,    //15px
  20:40rpx,    //20px
  25:50rpx,
  30:60rpx
);
